<template>
	<div class="p-3 pb-[6px]">
		<base-search
			class="rounded-lg bg-bg-2"
			clearable
			style="--n-height: 40px"
			:value="modelValue"
			@input="onChange" />
	</div>
</template>

<script setup lang="ts">
import { BaseSearch } from '@/components/base'

defineProps({
	modelValue: {
		type: [String, Number],
		required: true
	}
})

const emits = defineEmits(['update:modelValue'])

const onChange = (value: any) => {
	emits('update:modelValue', value)
}
</script>
